<?php
	require_once("conexion/conexion.php");
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<link href="Estilos/global.css" rel="stylesheet" type="text/css" />
<link href="Estilos/local.css" rel="stylesheet" type="text/css" />
<link href="Estilos/CssTabla3.css" rel="stylesheet" type="text/css" />
<link href="Estilos/jquery.autocomplete.css" rel="stylesheet" type="text/css" />

<link type="text/css" href="Estilos/autocompletar.css" rel="stylesheet" />
<script src="include_js/jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="include_js/jquery-ui-1.8.15.custom.min.js"></script>

<style>
.texto
{
	font-weight:bold;
	font-size:14px;
}
.borde
{
	border:0px solid #6593C0;
}
</style>
</head>
<script>
$(document).ready(function()
{ 
	$('#txt_Nombre').autocomplete({
		source:'Autocompletar_Producto.php',
		select: function(event,ui){
		
			document.getElementById('txt_Nombre').value = ui.item.value;
			document.getElementById('txt_Id').value = ui.item.id;
		}
	});
});

function BorraDatos(dato)
{
	var cadena = dato.substring(8,9);
    if(cadena=='1')
	{
		document.form_neumatico.submit();
	}
	else
	{
		document.getElementById('txt_Nombre').value = '';
		document.getElementById('txt_Id').value = '';
		document.getElementById('txt_Nombre').focus();
	}
}
function Foco()
{
	document.getElementById('txt_Nombre').focus();
}

/*$("#VerDatos").click(function(event) 
{
	//$("#FondoPantalla").css("display", "block");
	//$("#VentanaEmergente").css("display", "block");
	 $.ajax({
            type: 'POST',
            url: 'Tabla_RepAcc.php',
            data: $('#form_neumatico').serialize(),
            success: function(data) {
                $('#tabla').html(data);
				document.getElementById('tabla').style.display='block';
				document.location.href = '#abajo';
            }
        })
});*/

function Borrar(e,txt) { 

    tecla = (document.all) ? e.keyCode : e.which;
	alert(tecla); 
    if (tecla==8)
	{ //Tecla de retroceso (para poder borrar) 
	alert('entro1');
		document.getElementById('txt_Id').value = '';
	}
	else
	{
		document.getElementById('txt_Id').value = '';
	}
} 
</script>
<body>
<div id="contenedor">
<form name="form_camion" id="form_camion" method="post">
<div class='option2'><label style="font:Verdana, Arial, Helvetica, sans-serif; color:#0066CC; font-weight:bold;">Ingreso Producto.</label></div>

<div class='groupbox'>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
  <td><input name="txt_Id" id="txt_Id" type="text" /></td>
</tr>

<tr>
  <td class="borde"><div class="infopop"><div style="margin-left:120px;"><label class="texto">Nombre:</label>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="txt_Nombre" id="txt_Nombre" size="50" onkeypress="return Borrar(event,this)" onfocus="this.select()" /></div></div></td>
</tr>
<tr>
    <td class="borde"><div class="formtail"><div style="float:left; margin-top:5px;"><a href="javascript:VerDatos();">Ver Datos Ingresados</a></div><div style="margin-right:150px"><input name="btn_Guardar" id="btn_Guardar" type="button" value=" " class="guardar" /></div></div></td>
    </tr>
</table>
</div>
<div id="respuesta"></div>
<!-- Tabla contenedora de los resgistros que existen en la BD-->
<div id="tabla" style="display:none;"></div>
</form>
</div>
</body>
<script>
$('#btn_Guardar').click(function() 
{ 
        $.ajax({
            type: 'POST',
            url: 'IngresaMantenedores/IngresaCliente.php',
            data: $('#form_Cliente').serialize(),
            success: function(data) {
                $('#mensaje').html(data);
				BorraDatos(data);
            }
        })
});
</script>
</html>